/*  slideshow.css, version <%= SLIDESHOW_VERSION %>
 *  (c) Copyright 2007 Nathan Herald
 *
 *  slideshow.js is freely distributable under the terms of the GPL 2.0
 *  For details, see the slideshow.js web site: http://code.google.com/p/slideshow-js/
 *
 *------------------------------------------------------------------------------------*/

/* This seems kludgy */
.slideshow ul {
	width: 60000px; /* You can adjust this to make it more exact if you can predict the amount of images and their total width (including the padding [margin-right]) */
}

.slideshow, 
.slideshow.vertical, 
.slideshow.vertical ul {
	width: 400px; /* Change me */
	height: 320px; /* Change me */
}

.slideshow,
.slideshow.vertical {
	overflow: auto;
	position: relative;
}

.slideshow ul, 
.slideshow.vertical ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.slideshow ul li {
	float: left;
	margin-right: 10px; /* This is the padding setting for the js */
}

.slideshow.vertical ul li {
	display: block;
	width: 100%;
	margin-bottom: 10px; /* This is the padding setting for the js */
}